loadIdcInfo = function() {
	$
			.ajax({
				url : "/local/loadIdcInfo",
				async : true,
				success : function(data) {
					// app server
					var appStatus = data.appMap['app.os.thread.status'];
					// console.log(appStatus);
					var tmp = '';
					if (appStatus == 1) {
						tmp = '<lable style="color:#005500">Online</label>';
					} else if (appStatus == '0') {
						tmp = '<lable style="color:#FF0000">Offline</label>';
					} else {
						tmp = '<lable style="color:#ffae00">' + tmp
								+ '</label>';
					}
					// console.log(tmp);
					$('#app_server_status').html(tmp);
					$('#app_server_starttime').text(
							data.appMap['app.os.thread.uptime']);
					$('#app_server_ip').text(data.appMap['app.os.ip']);
					$('#app_server_mac').text(data.appMap['app.os.mac']);
					$('#app_server_mem_total')
							.text(
									Math
											.round(data.appMap['app.os.memorysize'] / 1024 / 1024)
											+ 'G');
					$('#app_server_mem_free')
							.text(
									Math
											.round(data.appMap['app.os.memoryfreesize'] / 1024 / 1024)
											+ 'G');

					// db server
					var dbStatus = data.dbMap['app.os.thread.status'];
					if (dbStatus == 1) {
						tmp = '<lable style="color:#005500">Online</label>';
					} else if (dbStatus == '0') {
						tmp = '<lable style="color:#FF0000">Offline</label>';
					} else {
						tmp = '<lable style="color:#ffae00">' + tmp
								+ '</label>';
					}
					$('#db_server_status').html(tmp);
					$('#db_server_starttime').text(
							data.dbMap['app.os.thread.uptime']);
					$('#db_server_ip').text(data.dbMap['app.os.ip']);
					$('#db_server_mac').text(data.dbMap['app.os.mac']);
					$('#db_server_mem_total')
							.text(
									Math
											.round(data.dbMap['app.os.memorysize'] / 1024 / 1024)
											+ 'G');
					$('#db_server_mem_free')
							.text(
									Math
											.round(data.dbMap['app.os.memoryfreesize'] / 1024 / 1024)
											+ 'G');

				}
			});
}

reloadCharts = function() {
	var c0 = loadServerCpu('server_cpu');
	var c1 = loadServerMem('server_mem');
	var c2 = loadServerFlow('server_flow');
	var c3 = loadDBCpu('db_cpu');
	var c4 = loadDBMem('db_mem');
	var c5 = loadDBFlow('db_flow');
	$(window).resize(function() {
		c0.resize();
		c1.resize();
		c2.resize();
		c3.resize();
		c4.resize();
		c5.resize();
	});
}

loadServerCpu = function(divId) {// 按小时统计
	var dom = document.getElementById(divId);
	var charts = echarts.init(dom);
	var option = {
		// color : [ '#ffae00' ],
		tooltip : {
			trigger : 'item',
			formatter : function(params) {
				var date = new Date(params.value[0]);
				data = date.getFullYear() + '-' + (date.getMonth() + 1) + '-'
						+ date.getDate() + ' ' + date.getHours() + '时'
						+ date.getMinutes() + '分';
				return data + '<br/>CPU使用率：' + params.value[1] + "%";
			}

		},
		legend : {
			x : 'right',
			y : '5',
			data : [ 'Web主机CPU使用率' ],
			textStyle : {
				color : '#666',
				fontWeight : 'bolder',
				fontSize : 10,
				fontFamily : 'Helvetica, Hiragino Sans GB, Microsoft Yahei, 微软雅黑, Arial, sans-serif'
			}
		},
		noDataLoadingOption : {
			text : '暂无数据',
			effect : 'bubble',
			effectOption : {
				effect : {
					n : 0
				}
			},
			textStyle : {
				fontSize : 24,
				fontWeight : 'bold'
			}
		},
		grid : {
			y : 20,
			y2 : 80,
			x : 50,
			x2 : 25
		},

		dataZoom : {
			show : true,
			realtime : true,
			start : 0,
			end : 100
		},
		xAxis : [ {
			type : 'time',
			scale : true,
			splitNumber : 10
		} ],
		yAxis : [ {
			type : 'value',
			max : '100',
			axisLabel : {
				formatter : '{value}%',
				textStyle : {
					color : '#666',
					fontSize : 8
				}
			}
		} ],
		series : [ {
			name : 'Web主机CPU使用率',
			type : 'line',
			smooth : true,
			showAllSymbol : true,
			symbolSize : function(value) {
				return 0;
			},
			itemStyle : {
				normal : {
					areaStyle : {
						type : 'default'
					}
				}
			},
			data : []
		} ]
	};

	var day = new Date() - 3600 * 24 * 1000;
	var time = (new Date(day)).format('yyyy-MM-dd hh:00:00');
	$.ajax({
		url : "/local/loadKpi",
		async : true,
		data : {
			"objId" : 100125,
			"kpiId" : 100042,
			"createTime" : time
		},
		success : function(data) {
			// x轴
			if (data != null && data.length > 0) {
				var values = [];
				for (var i = 0; i < data.length; i++) {
					var tmp = [];
					tmp.push(new Date(data[i]['create_time']));
					tmp.push(Number(data[i]['value']));
					values.push(tmp);
				}
				option.series[0].data = values;
			}
			charts.setOption(option, true);
		},
		error : function(XMLHttpRequest, textStatus, errorThrown) {
			console.log('exception>>' + textStatus);
		}
	});

	return charts;
}

loadServerMem = function(divId) {// 按小时统计
	var dom = document.getElementById(divId);
	var charts = echarts.init(dom);
	var option = {
		// color : [ '#ffae00' ],
		tooltip : {
			trigger : 'item',
			formatter : function(params) {
				var date = new Date(params.value[0]);
				data = date.getFullYear() + '-' + (date.getMonth() + 1) + '-'
						+ date.getDate() + ' ' + date.getHours() + '时'
						+ date.getMinutes() + '分';
				return data + '<br/>内存使用率：' + params.value[1] + "%";
			}

		},
		legend : {
			x : 'right',
			y : '5',
			data : [ 'Web主机内存使用率' ],
			textStyle : {
				color : '#666',
				fontWeight : 'bolder',
				fontSize : 10,
				fontFamily : 'Helvetica, Hiragino Sans GB, Microsoft Yahei, 微软雅黑, Arial, sans-serif'
			}
		},
		noDataLoadingOption : {
			text : '暂无数据',
			effect : 'bubble',
			effectOption : {
				effect : {
					n : 0
				}
			},
			textStyle : {
				fontSize : 24,
				fontWeight : 'bold'
			}
		},
		grid : {
			y : 20,
			y2 : 80,
			x : 50,
			x2 : 25
		},

		dataZoom : {
			show : true,
			realtime : true,
			start : 0,
			end : 100
		},
		xAxis : [ {
			type : 'time',
			scale : true,
			splitNumber : 10
		} ],
		yAxis : [ {
			type : 'value',
			max : '100',
			axisLabel : {
				formatter : '{value}%',
				textStyle : {
					color : '#666',
					fontSize : 8
				}
			}
		} ],
		series : [ {
			name : 'Web主机内存使用率',
			type : 'line',
			smooth : true,
			showAllSymbol : true,
			symbolSize : function(value) {
				return 0;
			},
			itemStyle : {
				normal : {
					areaStyle : {
						type : 'default'
					}
				}
			},
			data : []
		} ]
	};

	var day = new Date() - 3600 * 24 * 1000;
	var time = (new Date(day)).format('yyyy-MM-dd hh:00:00');
	$.ajax({
		url : "/local/loadKpi",
		async : true,
		data : {
			"objId" : 100125,
			"kpiId" : 100166,
			"createTime" : time
		},
		success : function(data) {
			// x轴
			if (data != null && data.length > 0) {
				var values = [];
				for (var i = 0; i < data.length; i++) {
					var tmp = [];
					tmp.push(new Date(data[i]['create_time']));
					tmp.push(Number(data[i]['value']));
					values.push(tmp);
				}
				option.series[0].data = values;
			}
			charts.setOption(option, true);
		},
		error : function(XMLHttpRequest, textStatus, errorThrown) {
			console.log('exception>>' + textStatus);
		}
	});

	return charts;
}

loadServerFlow = function(divId) {// 按小时统计
	var dom = document.getElementById(divId);
	var charts = echarts.init(dom);
	var option = {
		// color : [ '#ffae00' ],
		tooltip : {
			trigger : 'item',
			formatter : function(params) {
				var date = new Date(params.value[0]);
				data = date.getFullYear() + '-' + (date.getMonth() + 1) + '-'
						+ date.getDate() + ' ' + date.getHours() + '时'
						+ date.getMinutes() + '分';
				return data + '<br/>流量：' + params.value[1] + "Mb";
			}

		},
		legend : {
			x : 'right',
			y : '5',
			data : [ 'Web主机端口流量' ]
		},
		noDataLoadingOption : {
			text : '暂无数据',
			effect : 'bubble',
			effectOption : {
				effect : {
					n : 0
				}
			},
			textStyle : {
				fontSize : 24,
				fontWeight : 'bold'
			}
		},

		grid : {
			y : 20,
			y2 : 80,
			x : 50,
			x2 : 25
		},

		dataZoom : {
			show : true,
			realtime : true,
			start : 0,
			end : 100
		},
		xAxis : [ {
			type : 'time',
			scale : true,
			splitNumber : 10
		} ],
		yAxis : [ {
			type : 'value',// name : '%',
			axisLabel : {
				formatter : '{value}Mb',
				textStyle : {
					color : '#666',
					fontSize : 8
				}
			}
		} ],
		series : [ {
			name : 'Web主机端口流量',
			type : 'line',
			// smooth : true,
			showAllSymbol : true,
			symbolSize : function(value) {
				return 0;
			},
			itemStyle : {
				normal : {
					areaStyle : {
						type : 'default'
					}
				}
			},
			data : []
		} ]
	};

	var day = new Date() - 3600 * 24 * 1000;
	var time = (new Date(day)).format('yyyy-MM-dd hh:00:00');
	$
			.ajax({
				url : "/local/loadKpi",
				async : true,
				data : {
					"objId" : 100125,
					"kpiId" : 100163,
					"createTime" : time
				},
				success : function(data) {
					// x轴
					if (data != null && data.length > 0) {
						var values = [];
						for (var i = 0; i < data.length; i++) {
							var tmp = [];
							tmp.push(new Date(data[i]['create_time']));
							var flow = ((data[i]['value'] ) / 1024 / 1024)
									.toFixed(2);
							if (flow <= 0) {
								continue;
							}
							tmp.push(flow);
							values.push(tmp);
						}
						option.series[0].data = values;
					}
					charts.setOption(option, true);
				},
				error : function(XMLHttpRequest, textStatus, errorThrown) {
					console.log('exception>>' + textStatus);
				}
			});

	return charts;
}

loadDBCpu = function(divId) {// 按小时统计
	var dom = document.getElementById(divId);
	var charts = echarts.init(dom);
	var option = {
		// color : [ '#ffae00' ],
		tooltip : {
			trigger : 'item',
			formatter : function(params) {
				var date = new Date(params.value[0]);
				data = date.getFullYear() + '-' + (date.getMonth() + 1) + '-'
						+ date.getDate() + ' ' + date.getHours() + '时'
						+ date.getMinutes() + '分';
				return data + '<br/>CPU使用率：' + params.value[1] + "%";
			}

		},
		legend : {
			x : 'right',
			y : '5',
			data : [ 'Web主机CPU使用率' ],
			textStyle : {
				color : '#666',
				fontWeight : 'bolder',
				fontSize : 10,
				fontFamily : 'Helvetica, Hiragino Sans GB, Microsoft Yahei, 微软雅黑, Arial, sans-serif'
			}
		},
		noDataLoadingOption : {
			text : '暂无数据',
			effect : 'bubble',
			effectOption : {
				effect : {
					n : 0
				}
			},
			textStyle : {
				fontSize : 24,
				fontWeight : 'bold'
			}
		},
		grid : {
			y : 20,
			y2 : 80,
			x : 50,
			x2 : 25
		},

		dataZoom : {
			show : true,
			realtime : true,
			start : 0,
			end : 100
		},
		xAxis : [ {
			type : 'time',
			scale : true,
			splitNumber : 10
		} ],
		yAxis : [ {
			type : 'value',
			max : '100',
			axisLabel : {
				formatter : '{value}%',
				textStyle : {
					color : '#666',
					fontSize : 8
				}
			}
		} ],
		series : [ {
			name : 'Web主机CPU使用率',
			type : 'line',
			smooth : true,
			showAllSymbol : true,
			symbolSize : function(value) {
				return 0;
			},
			itemStyle : {
				normal : {
					areaStyle : {
						type : 'default'
					}
				}
			},
			data : []
		} ]
	};

	var day = new Date() - 3600 * 24 * 1000;
	var time = (new Date(day)).format('yyyy-MM-dd hh:00:00');
	$.ajax({
		url : "/local/loadKpi",
		async : true,
		data : {
			"objId" : 100126,
			"kpiId" : 100042,
			"createTime" : time
		},
		success : function(data) {
			// x轴
			if (data != null && data.length > 0) {
				var values = [];
				for (var i = 0; i < data.length; i++) {
					var tmp = [];
					tmp.push(new Date(data[i]['create_time']));
					tmp.push(Number(data[i]['value']));
					values.push(tmp);
				}
				option.series[0].data = values;
			}
			charts.setOption(option, true);
		},
		error : function(XMLHttpRequest, textStatus, errorThrown) {
			console.log('exception>>' + textStatus);
		}
	});

	return charts;
}

loadDBMem = function(divId) {// 按小时统计
	var dom = document.getElementById(divId);
	var charts = echarts.init(dom);
	var option = {
		// color : [ '#ffae00' ],
		tooltip : {
			trigger : 'item',
			formatter : function(params) {
				var date = new Date(params.value[0]);
				data = date.getFullYear() + '-' + (date.getMonth() + 1) + '-'
						+ date.getDate() + ' ' + date.getHours() + '时'
						+ date.getMinutes() + '分';
				return data + '<br/>内存使用率：' + params.value[1] + "%";
			}

		},
		legend : {
			x : 'right',
			y : '5',
			data : [ 'Web主机内存使用率' ],
			textStyle : {
				color : '#666',
				fontWeight : 'bolder',
				fontSize : 10,
				fontFamily : 'Helvetica, Hiragino Sans GB, Microsoft Yahei, 微软雅黑, Arial, sans-serif'
			}
		},
		noDataLoadingOption : {
			text : '暂无数据',
			effect : 'bubble',
			effectOption : {
				effect : {
					n : 0
				}
			},
			textStyle : {
				fontSize : 24,
				fontWeight : 'bold'
			}
		},
		grid : {
			y : 20,
			y2 : 80,
			x : 50,
			x2 : 25
		},

		dataZoom : {
			show : true,
			realtime : true,
			start : 0,
			end : 100
		},
		xAxis : [ {
			type : 'time',
			scale : true,
			splitNumber : 10
		} ],
		yAxis : [ {
			type : 'value',
			max : '100',
			axisLabel : {
				formatter : '{value}%',
				textStyle : {
					color : '#666',
					fontSize : 8
				}
			}
		} ],
		series : [ {
			name : 'Web主机内存使用率',
			type : 'line',
			smooth : true,
			showAllSymbol : true,
			symbolSize : function(value) {
				return 0;
			},
			itemStyle : {
				normal : {
					areaStyle : {
						type : 'default'
					}
				}
			},
			data : []
		} ]
	};

	var day = new Date() - 3600 * 24 * 1000;
	var time = (new Date(day)).format('yyyy-MM-dd hh:00:00');
	$.ajax({
		url : "/local/loadKpi",
		async : true,
		data : {
			"objId" : 100126,
			"kpiId" : 100166,
			"createTime" : time
		},
		success : function(data) {
			// x轴
			if (data != null && data.length > 0) {
				var values = [];
				for (var i = 0; i < data.length; i++) {
					var tmp = [];
					tmp.push(new Date(data[i]['create_time']));
					tmp.push(Number(data[i]['value']));
					values.push(tmp);
				}
				option.series[0].data = values;
			}
			charts.setOption(option, true);
		},
		error : function(XMLHttpRequest, textStatus, errorThrown) {
			console.log('exception>>' + textStatus);
		}
	});

	return charts;
}

loadDBFlow = function(divId) {// 按小时统计
	var dom = document.getElementById(divId);
	var charts = echarts.init(dom);
	var option = {
		// color : [ '#ffae00' ],
		tooltip : {
			trigger : 'item',
			formatter : function(params) {
				var date = new Date(params.value[0]);
				data = date.getFullYear() + '-' + (date.getMonth() + 1) + '-'
						+ date.getDate() + ' ' + date.getHours() + '时'
						+ date.getMinutes() + '分';
				return data + '<br/>流量：' + params.value[1] + "Mb";
			}

		},
		legend : {
			x : 'right',
			y : '5',
			data : [ '数据库主机端口流量' ]
		},
		noDataLoadingOption : {
			text : '暂无数据',
			effect : 'bubble',
			effectOption : {
				effect : {
					n : 0
				}
			},
			textStyle : {
				fontSize : 24,
				fontWeight : 'bold'
			}
		},

		grid : {
			y : 20,
			y2 : 80,
			x : 50,
			x2 : 25
		},

		dataZoom : {
			show : true,
			realtime : true,
			start : 0,
			end : 100
		},
		xAxis : [ {
			type : 'time',
			scale : true,
			splitNumber : 10
		} ],
		yAxis : [ {
			type : 'value',// name : '%',
			axisLabel : {
				formatter : '{value}Mb',
				textStyle : {
					color : '#666',
					fontSize : 8
				}
			}
		} ],
		series : [ {
			name : '数据库主机端口流量',
			type : 'line',
			// smooth : true,
			showAllSymbol : true,
			symbolSize : function(value) {
				return 0;
			},
			itemStyle : {
				normal : {
					areaStyle : {
						type : 'default'
					}
				}
			},
			data : []
		} ]
	};

	var day = new Date() - 3600 * 24 * 1000;
	var time = (new Date(day)).format('yyyy-MM-dd hh:00:00');
	$.ajax({
		url : "/local/loadKpi",
		async : true,
		data : {
			"objId" : 100126,
			"kpiId" : 100163,
			"createTime" : time
		},
		success : function(data) {
			// x轴
			if (data != null && data.length > 0) {
				var values = [];
				for (var i = 0; i < data.length; i++) {
					var tmp = [];
					tmp.push(new Date(data[i]['create_time']));
					var flow = ((data[i]['value']) / 1024 / 1024).toFixed(2);
					if (flow <= 0) {
						continue;
					}
					tmp.push(flow);
					values.push(tmp);
				}
				console.log(values);
				option.series[0].data = values;
			}
			charts.setOption(option, true);
		},
		error : function(XMLHttpRequest, textStatus, errorThrown) {
			console.log('exception>>' + textStatus);
		}
	});

	return charts;
}

loadDiskInfo = function(objId) {
	var urlTmp = "/local/loadDisk?1=1";
	if (objId == 100125) {
		var url = '&deviceId=' + objId + "&kpiId=100165";
		dp_disk_datatable.ajax = urlTmp + url;
		$('#app_server_disk').DataTable(dp_disk_datatable);
	} else if (objId == 100126) {
		var url = '&deviceId=' + objId + "&kpiId=100165";
		dp_disk_datatable.ajax = urlTmp + url;
		$('#db_server_disk').DataTable(dp_disk_datatable);
	}

}

var dp_disk_datatable = {
	"iDisplayLength" : 10,
	"processing" : true,
	"serverSide" : true,
	"paging" : false,
	"lengthChange" : false,
	"searching" : false,
	"ordering" : false,
	"info" : false,
	"autoWidth" : false,
	"scrollX" : true,
	"oLanguage" : {
		"sProcessing" : "正在加载中......",
		// "sLengthMenu" : "每页显示 _MENU_ 条记录",
		"sZeroRecords" : "对不起，查询不到相关数据！",
		"sEmptyTable" : "<center>暂无设备数据存在！</center>",
		"sInfo" : "当前有共 _TOTAL_ 条设备记录",
		"sInfoFiltered" : "数据表中共为 _MAX_ 条记录",
		"sSearch" : "搜索",
		"oPaginate" : {
			// "sFirst" : "首页",
			"sPrevious" : "<<",
			"sNext" : ">>",
		// "sLast" : "末页"
		}
	},
	columns : [
			{
				"data" : "path"
			},
			{
				"data" : "rate",
				render : function(data, type, full) {
					data = data.substring(0, data.length - 1);
					var tmp = '<div class="progress margin-top-0 ">'
							+ '<div class="progress-bar progress-bar-aqua" style="width: '
							+ data + '%" role="progressbar" aria-valuenow="'
							+ data + '" aria-valuemin="0" aria-valuemax="100">'
							+ '<span >' + data + '%' + '</span>' + '</div>'
							+ '</div>';
					return tmp;
				}
			}, {
				"data" : {
					"used" : "used",
					"free" : "free"
				},
				render : function(data, type, full) {
					return '已使用:' + data.used + ',剩余:' + data.free;
				}
			} ]
};